<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>国贸城</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="stylesheet" href="./resources/css/amazeui.min.css">
    <link rel="stylesheet" href="./resources/css/app.css">
</head>
<body style="background: #fff;">
<header data-am-widget="header" class="am-header am-header-default joan-head2 ">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.back()" class="">
            <i class="am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="" class="">会员级别</a>
    </h1>
</header>
<div class="level-pic">
    <img src="./resources/images/default.png" />
</div>
<div class="level-mon">
    <div class="level-left">
        <p class="level-l-1">已消费</p>
        <p class="level-l-2"><span>0</span>元</p>
        <p class="level-l-3">升级还需 <span>200</span> 元</p>
    </div>
    <div class="level-right">
        <p class="level-l-1">已消费</p>
        <p class="level-l-2"><span>0</span>次</p>
        <p class="level-l-3">升级还需 <span>2</span> 次</p>
    </div>
</div>
<div class="level-icon">
    <div class="level-icon-tit">会员级别图标</div>
    <div class="level-pic1"><img src="./resources/images/level.jpg"/></div>
</div>
<div class="level-icon-tit">会员须知</div>
<div class="level-con">
    <p>累计消费总金额</p>
    <p>1.累计消费总金额计算周期为滚动的一年。例如当日为2015年1月1日，
        计算周期即为2014年1月1日-20151月1日为期一年，以此类推。</p>
    <p>2.累计消费总金额为订单实际支付，不包含积分及优惠劵的抵充金额；</p>
    <p>3.使用劵卡及充值余额购买，不计入积分计算；</p>
    <p>4.累计消费总金额仅限同一ID，不同ID不可累计、转存等。</p>
</div>
</body>
</html>
